<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-bbw&key=ABQIAAAAusPyxGHeghDiniUS2AIf0RS1qcQWvCKIqMD2VH_L3Zd8EcE-9BR5ahqvBIxYonzcWf1fHuJ1riFakQ" type="text/javascript"></script>
<style type="text/css">@import url("http://www.google.com/uds/css/gsearch.css");</style>
  <script type="text/javascript">
    window._uds_bbw_donotrepair = true;
  </script>
  <script src="http://www.google.com/uds/solutions/bookbar/gsbookbar.js?mode=new"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/solutions/bookbar/gsbookbar.css");
  </style>

  <script type="text/javascript">
    function LoadBookBar() {

    var bookBar;
    var options = {
        largeResultSet : !true,
        horizontal : true,
      }

    {% for reading in readings %}
    var barContainer = document.getElementById("{{reading.key}}")
    bookBar = new GSbookBar(barContainer,options);
    bookBar.execute("{{reading.title}}");
    {% endfor %}
    }
    GSearch.setOnLoadCallback(LoadBookBar);
  </script>
